<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Login</title>
	<link rel="stylesheet" type="text/css" href="resources/bootstrap/css/bootstrap.css" />
	<style type="text/css">
		.jumbotron {
			width: 600px;
			text-align: center;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
		}
		h3 {
			margin-bottom: 30px;
		}
		.table {
			margin-top: 20px;
		}
		.form-control {
			margin-bottom: 5px;
		}
		.selecionado {
			background-color: yellow;
		}
		.negrito {
			font-weight: bold;
		}
		hr {
			border-color: #999;
		}
	</style>

</h:head>
<h:body>
	<h1>Login</h1>
	<hr/>
	<h:form>
		<h:messages />
		<div class="jumbotron">
			<h3>Login</h3>
			<hr />
			
			<h:inputText styleClass="form-control" placeholder="Digite seu Login" value="#{usuarioBean.login}"/>
			<h:inputSecret styleClass="form-control" placeholder="Digite sua Senha" value="#{usuarioBean.senha}"/>
			<div class="alert alert-danger">
				Por favor, preencha os campos corretamente!
			</div>			
			<hr />
			<h:commandButton styleClass="form-control" action="#{usuarioBean.logar}" value="Logar"/>
			<h:commandButton action="#{usuarioBean.novo}" value="Registre-se"/>
		</div>
	</h:form>
</h:body>
</html>
<!-- 
<button class="btn btn-primary btn-block" ng-click="adicionarContato(contato)" 
ng-disabled="contatoForm.$invalid">Adicionar Contato</button>

<button class="btn btn-danger btn-block" ng-click="apagarContatos(contatos)" 
ng-if="isContatoSelecionado(contatos)">Apagar Contatos</button>
 -->